<template>
	<div class="container">
		<headbox :title="title"></headbox>
		<div class="context">
			<el-card class="box-card">
				<div slot="header" class="clearfix">
					<span>链接填报</span>
				</div>
				<div class="formbox">
					<el-form :model="formdata" label-position="right" label-width="150px">
						<el-form-item label="作品主文件夹链接">
							<el-input v-model="formdata.mainlink" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品主文件夹密码">
							<el-input v-model="formdata.mainpsd" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品文件夹链接">
							<el-input v-model="formdata.prolink" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品文件夹密码">
							<el-input v-model="formdata.propsd" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品代码文件夹链接">
							<el-input v-model="formdata.codelink" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品代码文件夹密码">
							<el-input v-model="formdata.codepsd" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品文档文件夹链接">
							<el-input v-model="formdata.doclink" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品文档文件夹密码">
							<el-input v-model="formdata.docpsd" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品演示文件夹链接">
							<el-input v-model="formdata.showlink" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品演示文件夹密码">
							<el-input v-model="formdata.showpsd" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品部署链接1">
							<el-input v-model="formdata.link1" type="text"></el-input>
						</el-form-item>
						<el-form-item label="作品部署链接2">
							<el-input v-model="formdata.link2" type="text"></el-input>
						</el-form-item>
						<el-form-item>
							<el-button @click="save" size="small" class="btn" type="primary">保存</el-button>
						</el-form-item>
					</el-form>
				</div>
			</el-card>
		</div>
	</div>
</template>

<script>
	import headbox from './head.vue'
	export default {
		data() {
			return {
				title: '链接填报',
				formdata:{
					mainlink:'',
					mainpsd:'',
					prolink:'',
					propsd:'',
					codelink:'',
					codepsd:'',
					doclink:'',
					docpsd:'',
					showlink:'',
					showpsd:'',
					link1:'',
					link2:''
				}
			}
		},
		methods: {
			save(){
				console.log(this.formdata);
			}
		},
		components: {
			headbox
		}
	}
</script>

<style>
	.btn {
		margin-top: 10px;
	}

	.context p {
		font-size: 14px;
	}
	
	.formbox{
		width: calc(50vw);
	}
</style>
